<template>
	<div>
	<!-- 头部 -->
		<div class="zxs-header">
			<span class="zxs-logo"></span>
			<div class="zxs-search">
				<input type="text" />
				<button>搜索</button>
			</div>
		</div>
	<!-- 轮播图 -->
		<div class="swiper-container">
		    <div class="swiper-wrapper" >
		        <div class="swiper-slide">
		        	<a href="https://m.jiuxian.com/mobile/2016/xifeng/index.html"><img src="/static/imgs/258958818f8943ab8a5f1addb7abf6f8.jpg"></a>
		        </div>
		        <div class="swiper-slide">
		        	<a><img src="/static/imgs/65713023949e41729100c89785c19b37.jpg"></a>
		        </div>
			</div>
		    <!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
		    <!-- 如果需要导航按钮 -->
		    <!-- <div class="swiper-button-prev"></div> -->
		    <!-- <div class="swiper-button-next"></div>    -->
		    <!-- 如果需要滚动条 -->
		   <!-- <div class="swiper-scrollbar"></div> -->
		</div>
	<!-- newNav -->
		<div class="newNav">
			<a href="#">
				<img src="/static/imgs/2a6203540b6c4d76aceb7ab67d69a34f.jpg" alt="">
			</a>
			<a href="#">
				<img src="/static/imgs/c6d9dc425fb840c7b9c043ae651ee999.jpg" alt="">
			</a>
			<a href="#">
				<img src="/static/imgs/17b87cfd693e4c6a9f21796336a1bb22.jpg" alt="">
			</a>
			<a href="#">
				<img src="/static/imgs/cb615d9b105b40689632b632a5b49360.jpg" alt="">
			</a>
			<a href="#">
				<img src="/static/imgs/b31d34e45125496ea80949efd9cddb4c.jpg" alt="">
			</a>
			<router-link to="/club">
				<img src="/static/imgs/4778beb16f8749d5b26561584bb6c1ee.jpg" alt="">
			</router-link>
			<router-link to="/jingpin">
				<img src="/static/imgs/d02a0662ae46412486b0b8a97434cfaa.jpg" alt="">
			</router-link>
			<a href="#">
				<img src="/static/imgs/b8e442ad81b4498d93755fb55ff2f6de.jpg" alt="">
			</a>
			<a href="#">
				<img src="/static/imgs/d62c519c195e441eba7d43b26a9242e9.jpg" alt="">
			</a>
			<a href="#">
				<img src="/static/imgs/9589d1c2cefb4452b8c5ceb42134289c.jpg" alt="">
			</a>		
		</div>
	<!-- pubbanner -->
		<div class="zxs-pubbanner  clearFix">
			<div class="zxs-pubbanner1">
				<a href="#">
					<img src="/static/imgs/5506c8894acc4b5f996b8575fac99d38.jpg" alt="">
				</a>
			</div>
			<div class="zxs-pubbanner2">
				<a href="#">
					<img src="/static/imgs/6dc9db81def8456981a47251a3346e70.jpg" alt="">
				</a>
				<a href="#">
					<img src="/static/imgs/bfeea732c11948ee99156356a1d74fd3.jpg" alt="">
				</a>
			
			</div>
		</div>
	<!-- newsbox -->
		<div class="zxs-newsbox">
			<i>
				<img src="/static/imgs/4119ff81ee464ca6a430659e3848b495.jpg">
			</i>
			<div class="zxs-news">
				<div class="swiper-container">
				    <div class="swiper-wrapper" >
				        <div class="swiper-slide">
				        	<a>有活动诶!好超值!!</a>
				        </div>
				        <div class="swiper-slide">
				        	<a>大爷,进来来看看呗!</a>
				        </div>
					</div>
				</div>
			</div>
		</div>
	<!-- miaopai -->
		<div class="zxs-miao">
			<div class="zxs-miaotitle">
				<strong>掌上秒拍</strong>
				<a href="">更多商品等你来抢</a>
			</div>
			<div class="zxs-miaocon zxs-scrolllist">
				<ul>
					<li v-for="(l,index) in list" >
						<router-link :to="{path:'/single',query:{deviceId:l.proId,deviceImg:l.proImg,deviceName:l.proName}}">
							<img :src="l.proImg">
							<div class="zxs-info">
								<p class="zxs-pname">{{l.proName}}</p>
								<p class="zxs-price">{{l.proPrice | money}}</p>
								<p class="zxs-yprice">{{l.jxPrice | money}}</p>
							</div>
						</router-link>
					</li>
				</ul>
			</div>
		</div>
	<!-- adbanner -->
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/2dc327a3f7f544268463c9a41fb19dec.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/4a9b5fa7aa6d475abaad0f3fac8c1653.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/7fd42a6878fd43d8a3c551f2c5b7e31a.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/9d18864ee29a4f45b25d136df6b4213d.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/32c2fad8c6ab41969f8950d0e8efdb9e.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/54c559e10fd64d28bdf5d9a729d44266.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/565d64581daa40039387525a6f47bde0.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/c5f677d4ec76421080a43864f7b6dcb0.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner">
			<a href="#">
				<img src="/static/imgs/d0256d8a392e425da2699776fd13ed26.jpg"/>
			</a>
		</div>
		<div class="zxs-adbanner clearFix">
			<a href="#">
				<img src="/static/imgs/e929782d6d3945308e7811c3626a5e4e.jpg"/>
			</a>
		</div>


	<!-- 精选频道 -->
		<div class="zxs-pub">
			<div class="zxs-pubtitle">
				<img src="/static/imgs/18c109eff15d43cbba20498a6e24d8e0.jpg">
			</div>
			<div class="zxs-jxtop ">
				<div class="zxs-jxtl">
					<img src="/static/imgs/72b217d6193447a7822611599e2780e0.jpg">
				</div>
				<div class="zxs-jxtr">
					<img src="/static/imgs/4b8b2c8c68454f1ba06dac4dc013d6f1.jpg">
				</div>
			</div>
			<ul class="zxs-jxdown">
				<li>
					<img src="/static/imgs/eabb6f7526994ff699def95ca66e2a8f.jpg"/>
				</li>
				<li>
					<img src="/static/imgs/4001bc141ed84a059b6ec9e05896bc59.jpg"/>
				</li>
				<li>
					<img src="/static/imgs/864b144f149d4bb39584517b1e70f895.jpg"/>
				</li>
			</ul>
		</div>

	<!-- 酒馆 pub -->
		<!-- 中国白酒馆 -->
		<div class="zxs-pub">
			<div class="zxs-pubtitle">
				<img src="/static/imgs/2ccef5fad18a4e43a833fe29a5924f05.jpg"/>	
			</div>
			<div class="zxs-floorad clearFix">
				<div class="zxs-flooradleft">
					<img src="/static/imgs/c860b7da86ad4a3eb907d44ac0163b8c.jpg">
				</div>
				<div class="zxs-flooradright">
					<img src="/static/imgs/1183287435304ad98b62680f23dd57df.jpg"/>
					<div class="zxs-flooraddown">
						<div class="zxs-downl">
							<img src="/static/imgs/858903d967dc4e42bdb03bc9396f9d8f.jpg"/>
						</div>
						<div class="zxs-downr">
							<img src="/static/imgs/858903d967dc4e42bdb03bc9396f9d8f.jpg"/>
						</div>
						
					</div>
				</div>
			</div>
			<div class="zxs-brand">
				<ul>
					<li>
						<a href=""><img src="/static/imgs/8fe8ce3934814bfcab6fe95f148c9525.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8f58d3feba1145ae960e0644a284ea8f.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/9ca6c041b78a460aac158dd57db972d3.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/70ee4f867da64aebadc5b0791c80217e.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/87f5156b749a4f7c8e745b2e144918b0.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/3078db947b654fcc9b190f8261a2c5a7.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/5051c53be5404ab29aada67cc521a258.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8fe8ce3934814bfcab6fe95f148c9525.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8f58d3feba1145ae960e0644a284ea8f.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/9ca6c041b78a460aac158dd57db972d3.jpg"></a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 世界葡萄酒馆 -->
		<div class="zxs-pub">
			<div class="zxs-pubtitle">
				<img src="/static/imgs/25f63a308e5e4292b506bfdf9cda1f02.jpg"/>	
			</div>
			<div class="zxs-floorad clearFix">
				<div class="zxs-flooradleft">
					<img src="/static/imgs/a14bdc5856224d109a5f8d2e711c3a44.jpg">
				</div>
				<div class="zxs-flooradright">
					<img src="/static/imgs/64e351c18197414796f92f4963798b9b.jpg"/>
					<div class="zxs-flooraddown">
						<div class="zxs-downl">
							<img src="/static/imgs/2580271a670f4e26848c1bc5c4b96cd6.jpg"/>
						</div>
						<div class="zxs-downr">
							<img src="/static/imgs/06f66c3367ff491da86259be85ea07df.jpg"/>
						</div>
						
					</div>
				</div>
			</div>
			<div class="zxs-brand">
				<ul>
					<li>
						<a href=""><img src="/static/imgs/8fe8ce3934814bfcab6fe95f148c9525.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8f58d3feba1145ae960e0644a284ea8f.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/9ca6c041b78a460aac158dd57db972d3.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/70ee4f867da64aebadc5b0791c80217e.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/87f5156b749a4f7c8e745b2e144918b0.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/3078db947b654fcc9b190f8261a2c5a7.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/5051c53be5404ab29aada67cc521a258.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8fe8ce3934814bfcab6fe95f148c9525.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8f58d3feba1145ae960e0644a284ea8f.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/9ca6c041b78a460aac158dd57db972d3.jpg"></a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 小资洋酒馆 -->
		<div class="zxs-pub">
			<div class="zxs-pubtitle">
				<img src="/static/imgs/f795eddebe44484fa809b429a74b0612.jpg"/>	
			</div>
			<div class="zxs-floorad clearFix">
				<div class="zxs-flooradleft">
					<img src="/static/imgs/46b2a8229abe43638473e87f90c666b1.jpg">
				</div>
				<div class="zxs-flooradright">
					<img src="/static/imgs/ffb8f51a38cb4834a2652a121b93fe24.jpg"/>
					<div class="zxs-flooraddown">
						<div class="zxs-downl">
							<img src="/static/imgs/08a16421646b4ceabfbaa50cadf5dff0.jpg"/>
						</div>
						<div class="zxs-downr">
							<img src="/static/imgs/304d467cae734366b5a78b9e67f309b4.jpg"/>
						</div>
						
					</div>
				</div>
			</div>
			<div class="zxs-brand">
				<ul>
					<li>
						<a href=""><img src="/static/imgs/8fe8ce3934814bfcab6fe95f148c9525.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8f58d3feba1145ae960e0644a284ea8f.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/9ca6c041b78a460aac158dd57db972d3.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/70ee4f867da64aebadc5b0791c80217e.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/87f5156b749a4f7c8e745b2e144918b0.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/3078db947b654fcc9b190f8261a2c5a7.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/5051c53be5404ab29aada67cc521a258.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8fe8ce3934814bfcab6fe95f148c9525.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8f58d3feba1145ae960e0644a284ea8f.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/9ca6c041b78a460aac158dd57db972d3.jpg"></a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 啤酒综合 -->
		<div class="zxs-pub">
			<div class="zxs-pubtitle">
				<img src="/static/imgs/32ddf14f0e4b4b689fa5c17dd3da5b07.jpg"/>	
			</div>
			<div class="zxs-floorad clearFix">
				<div class="zxs-flooradleft">
					<img src="/static/imgs/64cca66ad7c44422aaf5145d3f44e40a.jpg">
				</div>
				<div class="zxs-flooradright">
					<img src="/static/imgs/518c35d25a7741cbba8f1a49554c12f3.jpg"/>
					<div class="zxs-flooraddown">
						<div class="zxs-downl">
							<img src="/static/imgs/ddcdd5f31ade4a1e9fecd42be6f69f8c.jpg"/>
						</div>
						<div class="zxs-downr">
							<img src="/static/imgs/93d25a3e3d35496291a6b4f60d1ef22a.jpg"/>
						</div>
						
					</div>
				</div>
			</div>
			<div class="zxs-brand">
				<ul>
					<li>
						<a href=""><img src="/static/imgs/8fe8ce3934814bfcab6fe95f148c9525.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8f58d3feba1145ae960e0644a284ea8f.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/9ca6c041b78a460aac158dd57db972d3.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/70ee4f867da64aebadc5b0791c80217e.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/87f5156b749a4f7c8e745b2e144918b0.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/3078db947b654fcc9b190f8261a2c5a7.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/5051c53be5404ab29aada67cc521a258.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8fe8ce3934814bfcab6fe95f148c9525.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/8f58d3feba1145ae960e0644a284ea8f.jpg"></a>
					</li>
					<li>
						<a href=""><img src="/static/imgs/9ca6c041b78a460aac158dd57db972d3.jpg"></a>
					</li>
				</ul>
			</div>
		</div>
	<!-- themelist -->
		<div class="zxs-themelist">
			<div class="zxs-themetitle">
				<img src="/static/imgs/1746c9c0000e42d2be988597189eb184.jpg"/>
			</div>
			<ul>
				<li>
					<a href=""><img src="/static/imgs/fadf1242a5db4fe5869207274414ae10.jpg"/></a>
				</li>
				<li>
					<a href=""><img src="/static/imgs/37f4eb93d7d94f138827fd8be02031e3.jpg"/></a>
				</li>
				<li>
					<a href=""><img src="/static/imgs/dde98345d3d94333836345e0b7d1e8b3.jpg"/></a>
				</li>
				<li>
					<a href=""><img src="/static/imgs/76842b0c2c3a4315860c793314786752.jpg"/></a>
				</li>
				<li>
					<a href=""><img src="/static/imgs/009b9b46fc7846c7be2fcdbf8a1c6e49.jpg"/></a>
				</li>
				<li>
					<a href=""><img src="/static/imgs/2e0166456bc341b692c9d3c3a1089fc5.jpg"/></a>
				</li>
				<li>
					<a href=""><img src="/static/imgs/135f7adc0c9048c5924cd7147f11db1b.jpg"/></a>
				</li>
				<li>
					<a href=""><img src="/static/imgs/2fca31dc6b254d9eb96a042cf8dbf1ea.jpg"/></a>
				</li>
			</ul>	
		</div>
	<!-- 爆款 -->
		<div class="zxs-baokuan">
			<p class="zxs-baokuantitle">爆款推荐</p>
			<div class="zxs-baokuancon">
				<ul>
					
					<li v-for="b in baolist">
						<router-link :to="{path:'single',query:{deviceId:b.commonProductInfo.pid,
							deviceImg:b.commonProductInfo.imgPath,
							deviceName:b.commonProductInfo.pname}}">
							<img :src="b.commonProductInfo.imgPath"/>
							<div>
								<p class="name">{{b.commonProductInfo.pname}}</p>
								<p class="zxs-price">{{b.commonProductInfo.actPrice | money}}</p>
							</div>
						</router-link>
					</li>
					
				</ul>
			</div>
		</div>
	<!-- footer -->
		
		<my-footer></my-footer>
	<!-- to top -->
		<div class="zxs-totop" @click="totop">
			<strong>↑</strong>
			<p>回到顶部</p>
		</div>
	</div>
</template>


<script>
import myFooter from './Footer'
export default{
	components : {
		myFooter
	},
	data(){
		return{
			list : [],
			baolist : []
		}
	},
	methods : {
		totop(){
			document.body.scrollTop = 0+"px";
			// $("body").animate({scrollTop:0}, 800);
		}
	},
	mounted(){
		this.$http({
			method:"get",
			//url:"http://h5.yztctech.net/api/axf/apihomehot.php"
			url: "/api/m_v1/promote/qgajax.do?t=1503364602316&pagenum=1&tabnum=1"
			// params : {
			// 	t : "1503316828591",
			// 	pagenum : "1",
			// 	tabnum : "1"
			// }
		}).then(function(res){
			console.log(res.data)
			this.list = res.data.killProList	
			//console.log(JSON.parse(res.data).data)
			// console.log(res.data.data.slide)
			//this.list = JSON.parse(res.data).data
		}),
		this.$http({
			method:"get",
			url: "/api/m_v1/statics/getzx.htm?topicId=1165"
		}).then(function(res){
			//console.log(res.data.hashMapList)
			this.baolist = res.data.hashMapList		
		})
	},
	filters : {
		money(val){
			return "¥"+Number(val).toFixed(2)
		}
	}
}
</script>

<style scoped>
/*头部*/
.zxs-header{
	background: rgba(229,56,59,.7);
	height: 1rem;
	display: flex;
	justify-content: flex-start;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.zxs-logo{
	margin: .1rem 0 0 .3rem;
	display: inline-block;
	width: 1.5rem;
	height: .8rem;
	background: url(/static/imgs/jx-sprite.png) no-repeat 0 0;
	background-size: 5rem
}
.zxs-search{
	display: inline-block;
	margin-left: .3rem;
	margin-top: .1rem
}
.zxs-search input{
	height: .6rem;
	width: 6rem;
	border-radius: 10px;
	text-indent: 1rem;
	font-size: .35rem;
	outline: none;
	background: url(/static/imgs/search.png) no-repeat .1rem .1rem;
	background-size: .5rem;
	background-color: #fff;
}
.zxs-search button{
	width: 1.5rem;
	height: .6rem;
	font-size: .35rem;
	background: rgba(229,56,59,0);
	border: none;
	color: #fff;
}
/*轮播图*/
.swiper-container{
	height: 5rem;
	margin-top: 1rem;
}
.swiper-container img{
	height: 100%;
	width: 100%;
}
/*导航*/
.newNav{
	background: #000;
}
.newNav a{
	float: left;
	display: inline-block;
	width: 20%;
}
.newNav a img{
	float: left;
	width: 100%
}
/*pubbanner*/
.zxs-pubbanner{
	background: #1e121c;
}

.zxs-pubbanner1 img{
	float: left;
	width: 100%;
}
.zxs-pubbanner2 img {
	float: left;
	width: 50%;
}
/*newsbox*/
.zxs-newsbox{
	margin: .2rem 0 0 .5rem;
}
.zxs-newsbox img{
	width: 100%;
	width: 2.5rem
}
.zxs-newsbox .zxs-news{
	margin-left: .5rem;
	display: inline-block;
}
.zxs-news .swiper-container{
	margin-top: 0;
	height: .5rem;
	width: 6rem;
}
/*adbanner*/
.zxs-adbanner img{
	width: 100%;
	float: left;
}
/*秒杀*/
.zxs-miaotitle{
	padding: .2rem .5rem;
	border-bottom: 1px solid #ccc;
}
.zxs-miaotitle strong{
	font-size: .4rem;
}
.zxs-miaotitle a{
	font-size: .3rem;
	display: inline-block;
	color: #aaa;
	float: right;
	position: relative;
}
.zxs-miaotitle a:after{
	content: "";
	width: .2rem;
	height: .2rem;
	border-bottom:2px solid;
	border-right: 2px solid;
	transform: rotate(-45deg);
	position: absolute;
	right: -.2rem;
	top: .1rem;
}/*秒杀内容*/
.zxs-scrolllist{
	overflow-x: scroll;
	width: 100%;
}
.zxs-miaocon ul{
	width: auto;
	display: flex;
	align-items: baseline;
}
.zxs-miaocon li{
	width: 3rem;
	display: inline-block;
	margin: .3rem;
	font-size: .35rem;
}
.zxs-miaocon li img{
	/*width: 100%;*/
}
.zxs-miaocon li .zxs-info{
	padding: 0 .2rem;
	line-height: .5rem;
}
.zxs-info .zxs-pname{
	height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.zxs-yprice{
	color: #aaa;
	text-decoration: line-through;
}

/*精选*/
.zxs-jxtl{
	float: left;
	width: 50%;
}
.zxs-jxtr{
	float: left;
	width: 50%;
}
.zxs-jxdown li{
	width: 32.5%;
	display: inline-block;
}

/*酒馆pub*/
.zxs-pub img{
	width: 100%;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.zxs-flooradleft{
	float: left;
	width: 39%;
}
.zxs-flooradright{
	float: left;
	width: 61%;
}
.zxs-downl{
	float: left;
	width: 50%;
}
.zxs-downr{
	float: left;
	width: 50%;
}
/*brand*/
.zxs-brand{
	overflow-x: scroll;
	scroll:no;
}
.zxs-brand ul{
	width: 26rem;
}
.zxs-brand li{
	display: inline-block;	
}
.zxs-brand img{
	border:none;
	width: 1.5rem;
	margin: 0 .5rem
}

/*主题街*/	

.zxs-themelist li{
	display: inline-block;
	width: 49.5%;
}
.zxs-themelist img{
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	width: 100%;
}
/*爆款*/
.zxs-baokuantitle{
	text-align: center;
	border-top: .2rem solid #eee;
	border-bottom: 1px solid #eee;
	padding: .3rem;
}
.zxs-baokuancon{
	background: #eee;
}
.name{
	height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.zxs-baokuancon li {
	background: #fff;
	border-bottom: .1rem solid #eee;
	padding: .5rem;
	width: 49.5%;
	display: inline-block;
	font-size: .35rem;
}
.zxs-baokuancon li img{
	width: 100%;
}
.zxs-price{
	color: red;
}
.zxs-totop{
	position: fixed;
	right: .5rem;
	bottom: 3rem;
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 5px 5px #aaa;
	border-radius: 50%;
}
.zxs-totop strong{
	font-size: .5rem
}
</style>
